	page{
		background: #FAE7E7;
	}
	.archives{
		display: block;
		width: 100%;
		.header-bg{
			width: 100%;
			display: block;
			box-sizing: border-box;
			padding:10% 50rpx;
			.h-me{
				padding:0 20rpx;
				display: block;
				position: relative;
				z-index:0;
				.code-bg{
					position: absolute;
					top: 0;
					left: 0;
					z-index: -1;
					display:block;
					width:644rpx;
					height:768rpx;
				}
				.wx-code{
					display:block;
					width:450rpx;
					height:450rpx;
					margin:0 auto;
				}
				.bm-content{
					padding:100rpx 0;
					text-align: center;
					display: block;
					box-sizing: border-box;
					width: 100%;
					overflow: hidden;
				}
				.me-2{
					padding:30rpx;
					background-color: #e8faf6;
					font-size:24rpx;
					.b-text{
						color:#40c79f;
						margin-left:10rpx;
					}
					.xian{
						margin:0 20rpx;
					}
				}
				.me-1{
					padding:30rpx;
					background-color: #fff;
					border-top-left-radius: 50rpx;
					border-top-right-radius: 50rpx;
					.left{
						.head{
							width:110rpx;
							height:110rpx;
							display: block;
							border-radius: 50%;
						}
					}
					.right{
						margin-left:20rpx;
						.desc{
							display: block;
							font-size:24rpx;
							color:#888;
							margin-top:15rpx;
						}
					}
				}
			}
		}
		
	}